
/*************************variables*************************/
/*************************text styles*************************/
h2 {
  color: #ffc627;
}
/*************************miselanius styles*************************/
.shadow {
  -moz-box-shadow: 5px 5px 7px rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: 5px 5px 7px rgba(0, 0, 0, 0.3);
  box-shadow: 5px 5px 7px rgba(0, 0, 0, 0.3);
  -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=135, Color='#444444')";
  filter: progid:dximagetransform.microsoft.shadow(Strength=3, Direction=135, Color='#444444');
}
/*************************layout styles*************************/
html,
body {
  height: 100%;
}
.f-wrapper {
  height: 100%;
  position: relative;
  width: 920px;
  margin: 0 auto;
}
.f-header .logo {
  width: 220px;
  height: 150px;
  background: url("../img/riha.png") top left #ffffff no-repeat;
  background-size: 30%;
  border-bottom-left-radius: 100%;
  border-bottom-right-radius: 100%;
  -moz-box-shadow: 5px 5px 7px rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: 5px 5px 7px rgba(0, 0, 0, 0.3);
  box-shadow: 5px 5px 7px rgba(0, 0, 0, 0.3);
  -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=135, Color='#444444')";
  filter: progid:dximagetransform.microsoft.shadow(Strength=3, Direction=135, Color='#444444');
}
.f-header .logo img {
  width: 70%;
  margin: 20px 35px;
}
.f-menu {
  position: absolute;
  top: 45%;
  width: 100%;
}
.f-menu li:nth-child(even) {
  background: #498e2d;
}
.f-menu li:nth-child(odd) {
  background: #c4d868;
}
.f-menu li {
  float: left;
  list-style: none;
  width: 20%;
  position: relative;
  -moz-box-shadow: 5px 5px 7px rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: 5px 5px 7px rgba(0, 0, 0, 0.3);
  box-shadow: 5px 5px 7px rgba(0, 0, 0, 0.3);
  -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=135, Color='#444444')";
  filter: progid:dximagetransform.microsoft.shadow(Strength=3, Direction=135, Color='#444444');
}
.f-menu li .icon {
  position: absolute;
  top: 0;
  width: 100%;
  height: 50px;
  z-index: -1;
}
.f-menu li a {
  color: #fff;
  display: block;
  padding: 20px 0;
  text-align: center;
  color: #fff;
  font-weight: bold;
  font-size: 17px;
}
.f-menu li .inner-text {
  padding: 0 0  15px  0;
  display: none;
}
.f-menu li .inner-text p {
  margin: 0 28px;
  color: #A37300;
  font-size: 10px;
}
.f-menu li .inner-text a {
  clear: both;
  display: block;
  padding: 5px 0;
  font-size: 13px;
  color: #A37300;
  box-shadow: none;
}
.f-menu .products .icon {
  background: url("../img/menu-icons.png") #ffb546 37% 51% no-repeat;
  background-size: auto 151%;
}
.f-menu .company .icon {
  background: url("../img/menu-icons.png") #ffb546 99% 55% no-repeat;
  background-size: auto 140%;
}
.f-menu .quality .icon {
  background: url("../img/menu-icons.png") #ffb546 54% 56% no-repeat;
  background-size: auto 153%;
}
.f-menu .sostainability .icon {
  background: url("../img/menu-icons.png") #ffb546 67% 36% no-repeat;
  background-size: auto 162%;
}
.f-menu .contacts .icon {
  background: url("../img/menu-icons.png") #ffb546 5% 59% no-repeat;
  background-size: auto 162%;
}
.f-footer {
  background: #fcf6de;
  padding: 20px 0;
  position: absolute;
  bottom: 0px;
  width: 100%;
  opacity: 0.7;
  filter: alpha(opacity=70);
  /* For IE8 and earlier */
 
}
.f-footer p {
  text-align: center;
  color: #498e2d;
}